<template>
    <div class="box">
        
        <div class="body">
        <el-button class="num1">
            企业名称
        <el-icon><ArrowDown /></el-icon></el-button>
        <el-input
        v-model="input2"
        class="w-50 m-2"
        placeholder="请输入需要查询的核心企业名称"
        :prefix-icon="Search"
        />  
        <el-select v-model="value" class="m-2" placeholder="全部" size="small">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>
  <el-button class="cha" type="primary">查询</el-button>
  <el-button class="chong">重置</el-button>
        </div>

        <div class="wei">
            <el-table class="tou" :data="admin" stripe style="width:100%; " >
        <el-table-column prop="" label="序号">
          <template #default="scope">
            <span>{{ scope.$index + 1 }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="adminname" label="企业名称">
          <template #default="scope">

          </template>
        </el-table-column>
        <el-table-column prop="role" label="社会信用代码">
          <template #default="scope">
            <el-tag class="ml-2" type="success">{{ scope.row.role == 1 ? '普通管理员' : '超级管理员' }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column prop="" label="注册资本">
          <template #default="scope">
            <el-button type="danger" @click="bian(scope.row)">编辑</el-button>
            <el-button type="danger" @click="shan(scope.row.adminid)">删除</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="" label="业务员">
          <template #default="scope">
            <el-button type="danger" @click="bian(scope.row)">编辑</el-button>
            <el-button type="danger" @click="shan(scope.row.adminid)">删除</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="" label="流程状态">
          <template #default="scope">
            <el-button type="danger" @click="bian(scope.row)">编辑</el-button>
            <el-button type="danger" @click="shan(scope.row.adminid)">删除</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="" label="任务开始时间">
          <template #default="scope">
            <el-button type="danger" @click="bian(scope.row)">编辑</el-button>
            <el-button type="danger" @click="shan(scope.row.adminid)">删除</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="" label="操作">
          <template #default="scope">
           
            <el-button type="danger" @click="bian(scope.row)">编辑</el-button>
            <el-button type="danger" @click="shan(scope.row.adminid)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
        </div>
    </div>
</template>

<script setup>
import serviceAxios from '@/apis/index'
import { Search } from '@element-plus/icons-vue'

import { onMounted, ref } from 'vue'
const input2 = ref('')

//股东信息
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_entShareholder();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//管理团队
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_entManageteam();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//银行账户信息
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_htBankinfo();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//企业信用概括
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_caCreditresult();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//企业涉诉信息
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_entComplaintsinfo();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//企业涉诉信息
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_entOpenguarantee();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//核心企业授信申请
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_caCreditapproval();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//信用评级
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_entScoringclass();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//审批历史
onMounted( 
  async() => {
    var res = await serviceAxios.gjc.My_entHistoryreview();
  
    // tableData.value = res.data.data
    // console.log(res.data.data);
  })
//企业授信用信情况
// onMounted( 
//   async() => {
//     var res = await serviceAxios.gjc.My_entGrantcreditinfo();
  
//     // tableData.value = res.data.data
//     console.log(res.data.data);
//   })有问题
  
</script>

<style scoped>
.box{
    width: 100%;
    height: 100%;
    background-color: #fafafa;
}
.box .top{
    width: 180px;
    height:28px;
    background-color: rgba(75, 167, 254, 1);
    border-radius: 25px;
}
.box .top p {
    line-height: 28px;
    text-align: center;
    font-weight: bold;
  color: white;
}
.body{
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
}
.body .num1{
    border:none;
    width: 80px;
    height: 28px;
    font-size: 12px;
    font-weight: 200;
    margin-left: 50px;   
    margin-right: 20px;
}
.body .el-input{
    width: 250px;
    height: 28px;
    font-size: 12px;
    font-weight: 200;
    margin-right: 20px;
}
.body .el-select{
    width: 80px;
    height: 28px;
    margin-right: 20px;
}
.body .cha{
    width: 50px;
    height: 28px;
    font-size: 12px;
    /* margin-right: 20px; */
}

.body .chong{
    width: 50px;
    height: 28px;
    font-size: 12px;
    font-weight: 200;
}
.wei{
    width: 80%;
    margin: auto;
    font-size: 12px;
}
:deep(.wei .tou){
    font-size: 12px;
    /* font-weight:bold; */
    color: black;
    font-family: '微软雅黑 Regular', '微软雅黑', sans-serif;
}
</style>